/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.html",  // 扫描pages目录及其所有子目录中的HTML文件
    "./src/**/*.{html,js,ts,jsx,tsx}",  // 扫描src目录中的相关文件
    "./templates/**/*.{html,twig}",  // 如果有模板文件
  ],
  theme: {
    extend: {
      colors: {
        primary: '#165DFF',
        secondary: '#36BFFA',
        accent: '#FF7D00',
        dark: '#1e293b',
        light: '#f8fafc',
        muted: '#64748b',
        'sidebar-bg': '#f8fafc',
        'sidebar-item': '#64748b',
        'sidebar-item-active': '#2563eb',
        neutral: {
          100: '#F5F7FA',
          200: '#E4E7ED',
          300: '#C0C6CF',
          400: '#909399',
          500: '#606266',
          600: '#303133',
          700: '#1E1E20',
          800: '#141414',
        },
        'neutral-dark': '#4E5969',
        success: '#00B42A',
        warning: '#FF7D00',
        danger: '#F53F3F',
      },
      fontFamily: {
        inter: ['Inter', 'system-ui', 'sans-serif'],
      },
      boxShadow: {
        'elevation-1': '0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1)',
        'elevation-2': '0 4px 6px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.1)',
        'elevation-3': '0 10px 15px rgba(0, 0, 0, 0.07), 0 5px 10px rgba(0, 0, 0, 0.05)',
        'elevation-4': '0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04)',
        'card': '0 10px 30px -5px rgba(0, 0, 0, 0.1)',
        'card-hover': '0 15px 35px -5px rgba(37, 99, 235, 0.15)',
        'sidebar': '0 0 20px rgba(0, 0, 0, 0.05)',
      },
      // 添加一些常用的自定义配置
      spacing: {
        '18': '4.5rem',
        '88': '22rem',
      },
      animation: {
        'fade-in': 'fadeIn 0.5s ease-in-out',
        'slide-up': 'slideUp 0.5s ease-out',
        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
        'float': 'float 6s ease-in-out infinite',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: '0' },
          '100%': { opacity: '1' },
        },
        slideUp: {
          '0%': { transform: 'translateY(20px)', opacity: '0' },
          '100%': { transform: 'translateY(0)', opacity: '1' },
        },
        float: {
          '0%': { transform: 'translateY(0px)' },
          '50%': { transform: 'translateY(-10px)' },
          '100%': { transform: 'translateY(0px)' },
        },
      },
    },
  },
  plugins: [],
  // 确保自定义工具类不被清除
  safelist: [
    'content-auto',
    'scrollbar-hide',
    'text-shadow',
    'tree-line',
    'hover-scale',
    'fade-in',
    'bg-education',
    'animate-float',
    'card-hover',
    'education-icon',
    'stat-card',
    'chart-container',
    'sidebar-item',
    'nav-item',
  ],
}
